<template>
  <u-form labelWidth="auto" disabled :labelStyle="labelStyle">
    <view class="">
			<view style="display: flex;">
				<view>
					<view class="option" style="width: 520rpx;">
						<view class="lf">姓名</view>
						<view class="rl">{{ item.employeeId_dictText?item.employeeId_dictText: item.employeeId }}</view>
					</view>
					<view class="option" style="width: 520rpx;">
						<view class="lf">所属部门</view>
						<view class="rl">{{ item.departId_dictText }}</view>
					</view>
					<view class="option" style="width: 520rpx;">
						<view class="lf">联系方式</view>
						<view class="rl">{{ item.linkTel }}</view>
					</view>
				</view>
				<view  style="flex: 1; display: flex; align-items: center; justify-content: flex-end;" v-if="trainingType != 'cancel'">
					<u-icon name="trash-fill" color="red" size="20"  @click="handleRemoveForm(item)"></u-icon>
				</view>
			</view>
    </view>
  </u-form>
</template>

<script>
import { queryByDepartment, queryProvisionBroadList, queryProvisionSmallList } from '@/api/purchase/ErpPurchaseCannibalizeForm'
import { filterMultiDictText, initDictOptions } from '@/utils/JDictSelectUtil.js'
export default {
  name: 'TenderMaterialFormInfo',
  props: {
    index: {
      type: Number,
      default: null,
    },
		trainingType: {
      type: String,
      default: '',
    },
    item: {
      type: Object,
      default: () => ({}),
    }
  },
  data() {
    return {
			labelStyle: {
				color: '#b2b2b2'
			},
			
      filterMultiDictText,
      initDictOptions,
      dictOptions: {},
      smallList: [],
      api: {
        queryByDepartment,
        queryProvisionBroadList,
      },
    }
  },
  
  methods: {
    handleRemoveForm(item) {
      uni.showModal({
      	content: '确定删除吗？',
      	success: res => {
      		if (res.confirm) {
      			this.$emit('remove', item)
      		}
      	}
      });
    },
  }
}
</script>

<style scoped lang="scss">
.inforamtion {
  margin-top: 10rpx;
  padding: 10rpx;
  border-radius: 15rpx;
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.1);
}

</style>
